<template>
  <div flex-col-center gap-24 min-h-520 wh-full overflow-hidden>
    <div flex text="400 primary">
      <icon-local-no-permission v-if="type === '403'" />
      <icon-local-not-found v-if="type === '404'" />
      <icon-local-service-error v-if="type === '500'" />
    </div>
    <router-link to="/">
      <n-button type="primary">回到首页</n-button>
    </router-link>
  </div>
</template>

<script lang="ts" setup>
type ExceptionType = "403" | "404" | "500";

interface Props {
  /** 异常类型 403 404 500 */
  type: ExceptionType;
}

defineProps<Props>();
</script>

<style scoped></style>
